<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="jquery/jquery-3.5.1.js"></script>
</head>
<body>
<button id="select">查询</button>
<button id="getUser">获取账户</button>
<button id="login">登录</button>
<script>
    var token = "";

    $(function () {
        $("#login").click(function () {
            $.ajax({   // 异步请求   想象成线程状态
                url:"/keYanRenYuan/login",   // 请求路径
                type:"post",               // 请求的方式，不区分大小写   传递json不能使用get请求，否则返回400错误
                datatype:"text",
                // request中传递的key-value值
                data:{yongHuMing:"zcx", miMa:"7b9bfa243611d35f6a1de329ea60d73d"},
                success:function(response){                        // 后台服务响应成功，自动返回数据
                    token = response;
                    if(response.code === 200) {
                        alert("登录成功!保存token信息");
                    }
                    else {
                        alert("登录失败，用户名或者密码错误!");
                    }
                },
                error:function(response){             // 网络请求失败，自动调用此方法
                    console.log("出错" + response);
                }
            });
        });

        $("#getUser").click(function () {
            console.log("token:" + token);
            $.ajax({   // 异步请求   想象成线程状态
                url:"/keYanRenYuan/getUser",   // 请求路径
                type:"get",               // 请求的方式，不区分大小写   传递json不能使用get请求，否则返回400错误
                headers:{token:token},
                datatype:"text",
                success:function(response){                        // 后台服务响应成功，自动返回数据
                    console.log(response);
                    if(response.code === 200) {
                        alert("登录成功!保存token信息");
                    }
                    else {
                        alert("登录失败，用户名或者密码错误!");
                    }
                },
                error:function(response){             // 网络请求失败，自动调用此方法
                    console.log("出错" + response);
                }
            });
        });

        $("#select").click(function () {
            $.ajax({   // 异步请求   想象成线程状态
                url:"/keYanRenYuan/chaXunAll",   // 请求路径
                type:"get",               // 请求的方式，不区分大小写   传递json不能使用get请求，否则返回400错误
                headers:{token:token},
                datatype:"text",
                success:function(response){                        // 后台服务响应成功，自动返回数据
                    console.log(response);
                    if(response.code === 200) {
                        alert("登录成功!保存token信息");
                    }
                    else {
                        alert("登录失败，用户名或者密码错误!");
                    }
                },
                error:function(response){             // 网络请求失败，自动调用此方法
                    console.log("出错" + response);
                }
            });
        });
    })
</script>
</body>
</html>